<!DOCTYPE html>
<html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-0 vector-toc-not-available vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-0 skin-theme-clientpref-day vector-sticky-header-enabled" lang="de" dir="ltr"><head>
<meta charset="UTF-8">
<title>CoffeeScript</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./_res_/favicon.png">
<link rel="canonical" href="https://de.wikipedia.org/wiki/CoffeeScript"> <link href="./_mw_/ext.cite.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.pygments.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.wikimediamessages.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link href="./_mw_/ext.gadget.citeRef.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.defaultPlainlinks.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonHide.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonLayout.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonStyle.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiDarkmode.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiResponsive.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.specialSearch.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="./_mw_/site.styles.css">
<link rel="stylesheet" type="text/css" href="./_mw_/noscript.css">
<link rel="stylesheet" type="text/css" href="./_res_/footer.css">
<link rel="stylesheet" type="text/css" href="./_res_/vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-CoffeeScript rootpage-CoffeeScript skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">CoffeeScript</span></h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="contentSub">
<div id="mw-content-subtitle"></div>
</div>
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="de" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="de" dir="ltr"><table class="float-right infobox toccolours toptextcells" style="font-size:90%; margin-top:0; width:21em;">
<tbody><tr>
<th colspan="2" class="hintergrundfarbe6" style="font-size:larger;">CoffeeScript
</th></tr>
<tr>
<td colspan="2" class="notheme" style="text-align:center; background-color:#f8f9fa;"><span typeof="mw:File"></span>
</td></tr>
<tr>
<th colspan="2" class="hintergrundfarbe5" style="font-size:105%; text-align:center;">Basisdaten
</th></tr>
<tr>
<td><b>Erscheinungsjahr:</b>
</td>
<td><span class="wikidata-content">13. Dezember 2009</span>
</td></tr>
<tr>
<td><b>Designer:</b>
</td>
<td><span class="wikidata-content"><a href="Jeremy_Ashkenas" title="Jeremy Ashkenas">Jeremy Ashkenas</a></span>
</td></tr>
<tr>
<td><b>Entwickler:</b>
</td>
<td><span class="wikidata-content"><a href="Jeremy_Ashkenas" title="Jeremy Ashkenas">Jeremy Ashkenas</a></span>
</td></tr>
<tr>
<td><b>Aktuelle <a href="Version_(Software)" title="Version (Software)">Version</a></b>
</td>
<td class="wikidata-content" style="white-space:nowrap;">2.7.0<sup id="cite_ref-_d64ad5efe4c6c50b_1-0" class="reference"><a href="#cite_note-_d64ad5efe4c6c50b-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-_7fea3d92c3fd7426_2-0" class="reference"><a href="#cite_note-_7fea3d92c3fd7426-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup> <small>(24. April 2022)</small>
</td></tr>
<tr>
<td><b><a href="Typisierung_(Informatik)" title="Typisierung (Informatik)">Typisierung</a>:</b>
</td>
<td><a href="Schwache_Typisierung" class="mw-redirect" title="Schwache Typisierung">schwach</a>, <a href="Dynamische_Typisierung" title="Dynamische Typisierung">dynamisch</a>
</td></tr>
<tr>
<td><b>Beeinflusst von:</b>
</td>
<td><a href="JavaScript" title="JavaScript">JavaScript</a>, <a href="Ruby_(Programmiersprache)" title="Ruby (Programmiersprache)">Ruby</a>, <a href="Perl_(Programmiersprache)" title="Perl (Programmiersprache)">Perl</a>, <a href="Python_(Programmiersprache)" title="Python (Programmiersprache)">Python</a>, <a href="Haskell_(Programmiersprache)" title="Haskell (Programmiersprache)">Haskell</a>, <a href="YAML" title="YAML">YAML</a>
</td></tr>
<tr>
<td><b>Beeinflusste:</b>
</td>
<td>MoonScript, <a href="LiveScript" class="mw-redirect" title="LiveScript">LiveScript</a>
</td></tr>
<tr>
<td><b><a href="Betriebssystem" title="Betriebssystem">Betriebssystem</a>:</b>
</td>
<td><a href="Plattformunabh%C3%A4ngigkeit" title="Plattformunabhängigkeit">plattformunabhängig</a>
</td></tr>
<tr>
<td><b><a href="Lizenz" title="Lizenz">Lizenz</a>:</b>
</td>
<td><span class="wikidata-content"><a href="MIT-Lizenz" title="MIT-Lizenz">MIT-Lizenz</a><sup id="cite_ref-_aa79c6743377aef0_3-0" class="reference"><a href="#cite_note-_aa79c6743377aef0-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup></span>
</td></tr>
<tr>
<td colspan="2" class="hintergrundfarbe5" style="text-align:center;"><a rel="nofollow" class="external text" href="https://coffeescript.org/">coffeescript.org</a>
</td></tr></tbody></table>
<p><b>CoffeeScript</b> ist eine <a href="Programmiersprache" title="Programmiersprache">Programmiersprache</a>, deren Programme in <a href="JavaScript" title="JavaScript">JavaScript</a> <a href="Transcompiler" class="mw-redirect" title="Transcompiler">transkompiliert</a> werden. Sie wird seit 2009 von <a href="Jeremy_Ashkenas" title="Jeremy Ashkenas">Jeremy Ashkenas</a> entwickelt.
</p>
<div class="mw-heading mw-heading2"><h2 id="Herkunft_und_Verwendung">Herkunft und Verwendung</h2></div>
<p>Angelehnt an <a href="Ruby_(Programmiersprache)" title="Ruby (Programmiersprache)">Ruby</a>, <a href="Python_(Programmiersprache)" title="Python (Programmiersprache)">Python</a> und <a href="Haskell_(Programmiersprache)" title="Haskell (Programmiersprache)">Haskell</a> bedient sich CoffeeScript <a href="Syntaktischer_Zucker" title="Syntaktischer Zucker">syntaktischen Zuckers</a>, um JavaScripts Lesbarkeit und Prägnanz zu verbessern. Außerdem führt CoffeeScript zusätzliche Funktionalität, wie z. B. Array-Zusammenfassung und <a href="Pattern_Matching" title="Pattern Matching">Pattern Matching</a> ein. CoffeeScript übersetzt vorhersehbar in JavaScript, Programme können kompakter (typischerweise 30 % weniger Programmzeilen) geschrieben werden, ohne dass dabei die Laufzeit-Performance beeinträchtigt wird.<sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup>
</p><p>CoffeeScript ist zudem der offizielle JavaScript-Präprozessor von <a href="Ruby_on_Rails" title="Ruby on Rails">Ruby on Rails</a>.<sup id="cite_ref-5" class="reference"><a href="#cite_note-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup>
</p><p>Aufgrund der visuell vereinfachten Syntax findet die Sprache insbesondere bei Programmier-Anfängern oder auch Designer-Frameworks, wie z. B. Framer.js Einsatz.
</p>
<div class="mw-heading mw-heading2"><h2 id="Code-Beispiel">Code-Beispiel</h2></div>
<p>Der folgende Quelltext gibt „Hallo Welt“ aus.<sup id="cite_ref-6" class="reference"><a href="#cite_note-6"><span class="cite-bracket">[</span>6<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-highlight mw-highlight-lang-ruby mw-content-ltr" dir="ltr"><pre><span></span><span class="n">alert</span><span class="w"> </span><span class="s2">"Hallo Welt"</span>
</pre></div>
<p><a href="Transcompiler" class="mw-redirect" title="Transcompiler">Transkompiliert</a> in JavaScript.
</p>
<div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre><span></span><span class="nx">alert</span><span class="p">(</span><span class="s2">"Hallo Welt"</span><span class="p">);</span>
</pre></div>
<div class="mw-heading mw-heading2"><h2 id="Kompilierung">Kompilierung</h2></div>
<p>Der CoffeeScript-Compiler wird ab Version 0.5 selbst in CoffeeScript geschrieben und ist für <a href="Node.js" title="Node.js">Node.js</a> verfügbar. Der Compiler ist allerdings nicht auf Node angewiesen und kann in nahezu jeder <a href="JavaScript" title="JavaScript">JavaScript</a>-Umgebung ausgeführt werden.<sup id="cite_ref-7" class="reference"><a href="#cite_note-7"><span class="cite-bracket">[</span>7<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-heading mw-heading2"><h2 id="Literatur">Literatur</h2></div>
<ul><li>Trevor Burnham: <i>CoffeeScript: Accelerated JavaScript Development</i>. Pragmatic Programmers, 2011, ISBN 978-1-934356-78-4.</li>
<li>Andreas Schubert: <i>CoffeeScript – Die Alternative zu JavaScript – eine kompakte Einführung</i>. dpunkt.verlag, 2014, ISBN 978-3-86490-050-1.</li></ul>
<div class="mw-heading mw-heading2"><h2 id="Weblinks">Weblinks</h2></div>
<ul><li><a rel="nofollow" class="external text" href="https://www.coffeescript.org/">Offizielle Website</a></li>
<li><a rel="nofollow" class="external text" href="https://github.com/jashkenas/coffeescript">CoffeeScript</a> auf <a href="GitHub" title="GitHub">GitHub</a></li>
<li><span class="cite">Geoffrey Grosenbach, Jeremy Ashkenas, Michael Ficarra: <a rel="nofollow" class="external text" href="https://peepcode.com/products/coffeescript"><i>Meet CoffeeScript.</i></a> PeepCode, Mai 2012,<span class="Abrufdatum"> abgerufen am 5. Oktober 2011</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ACoffeeScript&rft.title=Meet+CoffeeScript&rft.description=Meet+CoffeeScript&rft.identifier=&rft.creator=Geoffrey+Grosenbach%2C%26%2332%3BJeremy+Ashkenas%2C+Michael+Ficarra&rft.publisher=PeepCode&rft.date=2012-05&rft.language=en"> </span></li>
<li><a rel="nofollow" class="external text" href="https://coffeescript-cookbook.github.io/">CoffeeScript Cookbook</a>, Sammlung von Scripten</li>
<li><a rel="nofollow" class="external text" href="https://arcturo.github.io/library/coffeescript"><i>The Little Book on CoffeeScript</i>.</a> – kleine Web-Anleitung</li>
<li><a rel="nofollow" class="external text" href="https://autotelicum.github.io/Smooth-CoffeeScript/Smooth%20CoffeeScript%20Web%20Optimized.pdf">Smooth CoffeeScript</a> (PDF; 2,0 MB) Kleines Heft zu CoffeeScript</li></ul>
<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>
<ol class="references">
<li id="cite_note-_d64ad5efe4c6c50b-1"><span class="mw-cite-backlink"><a href="#cite_ref-_d64ad5efe4c6c50b_1-0">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://github.com/jashkenas/coffeescript/releases/tag/2.7.0"><cite style="font-style:italic"><span lang="en">2.7.0</span></cite>.</a> 24. April 2022 (abgerufen am 9. August 2022).</span>
</li>
<li id="cite_note-_7fea3d92c3fd7426-2"><span class="mw-cite-backlink"><a href="#cite_ref-_7fea3d92c3fd7426_2-0">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://registry.npmjs.com/coffeescript"><cite style="font-style:italic">registry.npmjs.com</cite>.</a> In: <cite style="font-style:italic">npmjs</cite>. (abgerufen am 1. März 2023).</span>
</li>
<li id="cite_note-_aa79c6743377aef0-3"><span class="mw-cite-backlink"><a href="#cite_ref-_aa79c6743377aef0_3-0">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://www.openhub.net/p/coffeescript/licenses"><cite style="font-style:italic"><span lang="en">The coffeescript Open Source Project on Open Hub: Licenses Page</span></cite>.</a> In: <cite style="font-style:italic">Open Hub</cite>. (abgerufen am 18. Juli 2018).</span>
</li>
<li id="cite_note-4"><span class="mw-cite-backlink"><a href="#cite_ref-4">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://web.archive.org/web/20120519235654/http://www.readwriteweb.com/hack/2011/01/interview-coffeescript-jeremy-ashkenas.php"><i>Interview with Jeremy Ashkenas.</i></a> Read Write Hack, archiviert vom <style data-mw-deduplicate="TemplateStyles:r250917974">
/* start https://de.wikipedia.org/ */
.mw-parser-output .dewiki-iconexternal>a{background-position:center right!important;background-repeat:no-repeat!important}body.skin-minerva .mw-parser-output .dewiki-iconexternal>a{background-image:url("./_mw_/OOjs_UI_icon_external-link-ltr-progressive.svg")!important;background-size:10px!important;padding-right:13px!important}body.skin-timeless .mw-parser-output .dewiki-iconexternal>a,body.skin-monobook .mw-parser-output .dewiki-iconexternal>a{background-image:url("./_mw_/MediaWiki_external_link_icon.svg")!important;padding-right:13px!important}body.skin-vector .mw-parser-output .dewiki-iconexternal>a{background-image:url("./_mw_/Link.ernal-small-ltr-progressive.svg")!important;background-size:0.857em!important;padding-right:1em!important}
/* end https://de.wikipedia.org/ */
</style><span class="dewiki-iconexternal"><a class="external text" href="https://redirecter.toolforge.org/?url=http%3A%2F%2Fwww.readwriteweb.com%2Fhack%2F2011%2F01%2Finterview-coffeescript-jeremy-ashkenas.php">Original</a></span> am <span style="white-space:nowrap;">19. Mai 2012</span><span>;</span><span class="Abrufdatum"> abgerufen am 4. Dezember 2011</span>.</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ACoffeeScript&rft.title=Interview+with+Jeremy+Ashkenas&rft.description=Interview+with+Jeremy+Ashkenas&rft.identifier=https%3A%2F%2Fweb.archive.org%2Fweb%2F20120519235654%2Fhttp%3A%2F%2Fwww.readwriteweb.com%2Fhack%2F2011%2F01%2Finterview-coffeescript-jeremy-ashkenas.php&rft.publisher=Read+Write+Hack&rft.source=http://www.readwriteweb.com/hack/2011/01/interview-coffeescript-jeremy-ashkenas.php"> </span></span>
</li>
<li id="cite_note-5"><span class="mw-cite-backlink"><a href="#cite_ref-5">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://www.linuxjournal.com/content/introducing-coffeescript"><i>Introducing CoffeeScript.</i></a> Linux Journal,<span class="Abrufdatum"> abgerufen am 4. Dezember 2011</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ACoffeeScript&rft.title=Introducing+CoffeeScript&rft.description=Introducing+CoffeeScript&rft.identifier=https%3A%2F%2Fwww.linuxjournal.com%2Fcontent%2Fintroducing-coffeescript&rft.publisher=Linux+Journal&rft.language=en"> </span></span>
</li>
<li id="cite_note-6"><span class="mw-cite-backlink"><a href="#cite_ref-6">↑</a></span> <span class="reference-text">jashkenas.github.com: <style data-mw-deduplicate="TemplateStyles:r261891140">
/* start https://de.wikipedia.org/ */
.mw-parser-output .webarchiv-memento a{color:inherit}
/* end https://de.wikipedia.org/ */
</style><a rel="nofollow" class="external text" href="https://web.archive.org/web/20091227041459/http://jashkenas.github.com/coffee-script/"><i>CoffeeScript</i></a> (<span class="webarchiv-memento"><a href="Webarchivierung#Begrifflichkeiten" title="Webarchivierung">Memento</a></span> vom 27. Dezember 2009 im <i><a href="Internet_Archive" title="Internet Archive">Internet Archive</a></i>) (englisch)</span>
</li>
<li id="cite_note-7"><span class="mw-cite-backlink"><a href="#cite_ref-7">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://web.archive.org/web/20091227041459/http://jashkenas.github.com/coffee-script/#installation"><i>Installation and Usage.</i></a> In: <i>jashkenas.github.com.</i> Archiviert vom <span class="dewiki-iconexternal"><a class="external text" href="https://redirecter.toolforge.org/?url=http%3A%2F%2Fjashkenas.github.com%2Fcoffee-script%2F%23installation">Original</a></span> am <span style="white-space:nowrap;">27. Dezember 2009</span><span>;</span><span class="Abrufdatum"> abgerufen am 5. Februar 2024</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ACoffeeScript&rft.title=Installation+and+Usage&rft.description=Installation+and+Usage&rft.identifier=https%3A%2F%2Fweb.archive.org%2Fweb%2F20091227041459%2Fhttp%3A%2F%2Fjashkenas.github.com%2Fcoffee-script%2F%23installation&rft.source=http://jashkenas.github.com/coffee-script/#installation&rft.language=en"> </span></span>
</li>
</ol></div><!--htdig_noindex--><div><div class="zim-footer">
Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2025-11-16" href="https://de.wikipedia.org/wiki/?title=CoffeeScript&oldid=261607716">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>
<script src="./_webp_/webpHandler.js"></script>
</body></html>